<template>
         <el-col :span="9">
            <div class="grid-content bg-purple">
                <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync="currentPage"
      :page-size="info.num"
      layout="prev, pager, next, jumper"
      :total="info.sum_list">
    </el-pagination>
              </div>
          </el-col>
</template>

<script>
export default {
    name:'CBottom',
    data(){
        return{
              currentPage:1
        }
    },
    props:{
      info:{
        type:[Array,Object,String]
      }
    },
    methods: {
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`)
      },
      handleCurrentChange(val) {
        this.$emit('get_page',val)
        this.$emit('update','换页')
      }
    }
}
</script>

<style lang="scss" scoped>
.grid-content {
      text-align: center;
      padding: 10px 0;
}
 .bg-purple{
    margin-top: 5px;
  }
</style>